<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 冒泡排序 排序方法
        var arr = [5,4,2,1];
        // 解释性语言 js 高级语言 
        
        // 冒泡排序 ： 用一项 和后一项 比较 如果 后一项 小于 前一项 那么 2个元素就互换位置；

      




        // 手写 3次；

        for(var i=0;i<arr.length-1-0;i++){
            if(arr[i] > arr[i+1]){
                // 把前一项 和后一项换位置 ；
                var temp = arr[i];
                arr[i] = arr[i+1];
                arr[i+1] = temp;
            }
            // console.log(arr);
        }

        console.log(arr);


        for(var i=0;i<arr.length-1-1;i++){
            if(arr[i] > arr[i+1]){
                // 把前一项 和后一项换位置 ；
                var temp = arr[i];
                arr[i] = arr[i+1];
                arr[i+1] = temp;
            }
            // console.log(arr);
        }

        console.log(arr);



        for(var i=0;i<arr.length-1-2;i++){
            if(arr[i] > arr[i+1]){
                // 把前一项 和后一项换位置 ；
                var temp = arr[i];
                arr[i] = arr[i+1];
                arr[i+1] = temp;
            }
            // console.log(arr);
        }

        console.log(arr);

        /* 
        第一次循环 i = 0;   arr[0] = 4   arr[1] = 2 ---->前一项 大于了 后一项 进入到if判断 互换位置
                   arr =  [2,4,1,3]; 
        第二次循环 i = 1;    arr[1] = 4  arr[2] = 1;  ----》前一项 大于了后一项 进入了if判断 互换位置
                    arr = [2,1,4,3];
        第三次循环 i = 2;  arr[2] = 4  ;arr[3] = 3 --->前一项大于了后一项  进入if判断  互换位置
                    arr = [2,1,3,4]
        第四次循环  i = 3 arr[3] = 4 ; arr[4] = undefined---》false 不会
        
        
        
        
        */

        // console.log(4>undefined);




        // 循环来3次 

        for(var j=0;j<arr.length-1;j++){
            for(var i=0;i<arr.length-1-j;i++){
            if(arr[i] > arr[i+1]){
                // 把前一项 和后一项换位置 ；
                var temp = arr[i];
                arr[i] = arr[i+1];
                arr[i+1] = temp;
            }
            // console.log(arr);
        }
        }
        console.log(arr);

    </script>
</body>
</html>